<template>
  <div class="head">
    <!-- PC头部 -->
    <div class="headPC">
      <div class="headT">
        <div class="block">
          <nuxt-link :to="{name: 'index'}" class="headPCTSlogo">
              <img src="../static/images/logo3.png" alt="logo"/>
            </nuxt-link>
          <div class="headR">
            <p  class="headpersonalE"><nuxt-link :to="{name: 'register-registerOne'}">免费注册</nuxt-link></p>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
      </div>
      
    </div> 
    <!-- 手机头部 -->
    <div class="headMOB">
      <div class="headMOBC">
        <nuxt-link :to="{name: 'index'}" class="logo">
              <img src="../static/images/logo3.png" alt="logo"/>
            </nuxt-link>
        <p  class="headMOBCpersonalE"><nuxt-link :to="{name: 'register-registerOne'}">免费注册</nuxt-link></p>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";

export default {
  name: "HomeHeader",
  data() {
    return {
      headSbanner: {
        loop: true,
        slidesPerView: "auto",
        centeredSlides: true,
        // slidesPerView: 4,
        spaceBetween: 30,
        pagination: {
          el: ".headSbannerPagination"
        },
        on: {
          slideChange() {
            console.log("onSlideChangeEnd", this);
          },
          tap() {
            console.log("onTap", this);
          }
        }
      },
      headMOBbanner: {
        loop: true,
        slidesPerView: "auto",
        centeredSlides: true,
        spaceBetween: 30,
        pagination: {
          el: ".headMOBbannerPagination"
        },
        on: {
          slideChange() {
            console.log("onSlideChangeEnd", this);
          },
          tap() {
            console.log("onTap", this);
          }
        }
      }
    };
  },
  methods: {
    headRAf() {
      $(".headRS").show();
      $(".headRAf").hide();
    },
    menubtn() {
      $(this).toggleClass("on");
      $(".inav").slideToggle(200);
    },
    inavClick(e) {
      var element = e.currentTarget;
      $(element).find(".inavS").slideToggle(200);
    }
  }
};
</script>

<style scoped>
</style>
